<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>微生物知识库</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="cache-control" content="no-cache">

  	<!--<link href="<%=basePath%>css/hint.css" rel="stylesheet" />-->
    <script> 
        window.REMOTE = require('electron').remote;
        window.BW = require('electron').BrowserWindow;
        window.$ = window.jQuery = require("./lib/jquery.min");
    </script>
    <script> </script>
    <script> </script>
	<link href="./lib/bootstrap.min.css" rel="stylesheet"/>
    <link href="./lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <script src="./lib/echarts.min.js"></script>
    <script src="./lib/macarons.js"></script>
    <script src="./lib/echarts-wordcloud.min.js"></script>

    <script language="javascript" type="text/javascript" src="./lib/jit.js"></script>

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=HFui7faQrHIw2OSlts7CWvU5"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
	<!--<script src="./test/echarts.min.js"></script>
	<script src="./test/macarons.js"></script>-->
    <script src="./lib/esl.js" data-main="app/material"></script>
  	<style type="text/css">
        @font-face {
			font-family: 'Material Icons';
			font-style: normal;
			font-weight: 400;
			src: url(./css/material/MaterialIcons-Regular.eot); /* For IE6-8 */
			src: local('Material Icons'),
				local('MaterialIcons-Regular'),
				url(./css/material/MaterialIcons-Regular.woff2) format('woff2'),
				url(./css/material/MaterialIcons-Regular.woff) format('woff'),
				url(./css/material/MaterialIcons-Regular.ttf) format('truetype');
			}
		.material-icons {
			font-family: 'Material Icons';
			font-weight: normal;
			font-style: normal;
			font-size: 24px;  /* Preferred icon size */
			display: inline-block;
			line-height: 1;
			text-transform: none;
			letter-spacing: normal;
			word-wrap: normal;
			white-space: nowrap;
			direction: ltr;

			/* Support for all WebKit browsers. */
			-webkit-font-smoothing: antialiased;
			/* Support for Safari and Chrome. */
			text-rendering: optimizeLegibility;

			/* Support for Firefox. */
			-moz-osx-font-smoothing: grayscale;

			/* Support for IE. */
			font-feature-settings: 'liga';
		}
		.basecolor{
			color: #346cd6;
		}
		.vertical-angel{
			border-radius: 0px;
		}
		.center {
			width: auto;
			display: table;
			margin-left: auto;
			margin-right: auto;
		}
		.sub-graph{
			height: 300px;
			width: 95%;
		}
		.site-header{
			    position: relative;
				text-align: center;
				background-color: #fff;
				color: #fff;
				margin-bottom: 0;
		}
		.navbar{
			margin-bottom:10px;
            /*background-color: #fff;*/
		}
		.site-header .search {
			border: 1px solid #005caa;
			border-right-style: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			font-size: 16px;
			padding: 10px 13px;
			border-radius: 0;
			height: auto;
		}
		.search-window>.input-group>.input-group-btn:last-child>button.btn{
			background-color: #fff;
			border-radius: 0px;
			color: #005caa;
			font-size: 20;
			border-bottom-color: #666;
			border: 2px solid #005caa;
			border-left-style: none;
			border-width: 1px;
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			height: auto;
		}
		
		.navBox{
			border-radius:5px;
		}
		.navbar-form .input-group>input.form-control{
			border-radius: 0px;
    		border-color: #ddd;
    		border-right-style: none;
			min-width:300px;
		}
		.navbar-form .input-group>.input-group-btn:last-child>button.btn{
			background-color: #fff;
			border-radius: 0px;
			color: #888;
			border-bottom-color: #666;
			border-left-style: none;
			border-color: #ddd;
			border-width: 1px;
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		}
		.navbar-inner{
			box-shadow: rgba(0, 0, 0, 0.14902) 0px 3px 9px 1px;		
		}
		.title-pre{
			color:#005caa;
			font-weight: 600;
		}
		.title-post{
			color:#00ad41;
			font-weight: 600;
		}
		.jumbotron h1 {
    		font-size: 55px;
		}

		.site-header .title{
			margin-bottom:10px;
			margin-top:15px
		}
		.jumbotron .container{
			margin-top: 30px;
		}
		.detail-list{
			max-height:85%;
			overflow-y:auto;
		}
		.panel.panel-straight{
			border-radius: 0px;
    		border-width: 1px;
			border-color:#00b680;
		}
		.detail-list-1{
			right:2%;
			z-index:2;
			max-height:90%;
			box-shadow:-1px 5px 15px 1px rgba(0, 0, 0, 0.2);
			border-radius: 0px;
			border-color: #fff;
    		border-width: 1px;
            overflow-y:auto;
		}
		.detail-list-3{
			z-index: 2;
			/* box-shadow: -1px 5px 15px 1px rgba(0, 0, 0, 0.2); */
			border-radius: 0px;
			/* border-color: #fff; */
			border-width: 1px;
		}
		.navbar-form{
			padding:inherit;
			border-top: inherit;
    		border-bottom: inherit;
		}
		.detail-list-2{
			z-index:2;
			border-radius: 0px;
			padding:0px 0px;
		}
		.panel-heading.panel-straight-heading{
			background-color:#fff;
			border-bottom-color:#00b680;
		}
		.tag{
			display: inline-block;
			margin-left: 5px;
            float:left;
			font-size: 15;
			background-color: #F8F8F8;
			color: #333;
			padding-top: 8px;
			font-weight: 500;
			border-style: solid;
			border-width: 1px;
			border-color:#ddd;
			border-radius: 1px;
		}
		.close-tag{
			line-height: 0.9;
			margin-left: 5px;
			font-weight: 500;
		}
		.add-tag{
			line-height: 0.9;
			margin-left:0px;
			margin-right:6px;
			font-weight: 500;
		}
		.graph{
			top:5%;
			left:1%;
			height:85%;
			z-index:1;
		}
		.col{
			padding: 0px 0px;
		}
		.panel-heading.facet-heading{
			background-color:#00b680;
			color:#fff;
		}
		.panel.facet-panel{
			border-radius: 0px;
            border-width: 0px;
            margin-left: 30px;
            box-shadow: 0 5px 5px rgba(0,0,0,.05);
		}
		li {
                list-style-type:none;
            }
		lu{
			padding:0px 0px;
		}
		li>a{
			cursor:pointer;
		}
		a.btn-link{
			    padding: 3px 3px;
		}
		body{
			background-color: #ffffff;
            margin:0;
		}
        p{
            margin:2px 1px;
        }
		/*
		*  STYLE 1
		*/
		.detail-list-1>.panel-heading{
			border-bottom-color:#00b680;
    		border-bottom-width: 1px;
			border-radius: 0px;
			background-color: #fff;
		}
		
		.detail-list-3>.panel-heading{
			border-bottom-color:#00b680;
    		border-bottom-width: 1px;
			border-radius: 0px;
			background-color: #fff;
		}

		.detail-list-2::-webkit-scrollbar-track
		{
			-webkit-box-shadow: inset 0 0 2px #00b680;
			border-radius: 0px;
			background-color: #fff;
		}

		.detail-list-2::-webkit-scrollbar
		{
			width: 12px;
			background-color: #fff;
		}

		.detail-list-2::-webkit-scrollbar-thumb
		{
			border-color:#00b680;
			border-radius: 0px;
			background-color: #67c7aa;
		}
		
  	</style>

  </head>

  <body>
	  <div id="app">

	  </div>
	<!--<div class="navbar navbar-default navbar- navigationbodra" role="navigation">
		<div class="navbar-inner " style="box-shadow:0px 3px 9px 1px rgba(0, 0, 0, 0.15);">
			<div class="container-fluid">
				<div class="navbar-header" style="margin-left:50px;">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navButton" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				      </button>
					<a class="navbar-brand" href="#">微生物知识库</a>
				</div>

				<form class="navbar-form navbar-left form-search" role="search" id="submit" onsubmit="return false;">
					<div class="input-group">
						<input type="text" class="form-control" id="query"  name="keywords" value=""/>
						<span class="input-group-btn">
							<button id="primitiveQuery" class="btn btn-primary">搜索</button>
						</span>
					</div>
				</form>
				<div class="navbar-collapse collapse" id="navButton">
					<ul class="nav navbar-nav navbar-right" style="margin-right:50px;">
						<li id="displayData" class="active"><a href="javascript:void(0)">数据</a></li>
						<li id="displayConception" ><a href="javascript:void(0)">概念</a></li>
						<li><a href="#">人物</a></li>
						<li><a href="#">趋势</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid">
		<div class="row">
			<div id="guideGraph" class="col col-xs-12 col-sm-5 col-md-6 col-lg-6">
			</div>
			<div class="col-xs-12 col-sm-7 col-md-6 col-lg-5 col-lg-offset-1">
				<div id="queryInfo">
				</div>
				<div id="dataList">
				</div>
				<div id="dualConception">
				</div>
			</div>
		</div>
	</div>-->
  </body>
</html>
